html, body {
  height: 100%;
}

body {
  background-color: #eee;
}

.container,.panel {
  height: 100%;
  width: 100%;
}

#page{
  margin: 0px;
  padding: 0px;
  height: 100%;
}

#main{
  margin-top: 15px;
}
/*
 * Sidebar
 */
#sidebar .panel{
  margin: 0px;
  background-color: #333;
}
#sidebar .panel button {
  background-color: #333;
}
#sidebar .panel button:hover{
  color: #fff;
  background-color: #000;
}
#sidebar .panel .list-group-item.active {
  border-color: #454545;
  border-left-color: #ED0200;
  border-left-width: 5px;
  background-color: #000;
}
#sidebar .panel .list-group-item {
  border-color: #454545;
  border-top-color: #454545;
  border-top-width: 1px;
}
#sidebar .panel-footer {
  background-color: #333;
}
#sidebar .img-thumbnail {
  background-color: transparent;
  border: transparent;
}
#sidebar .panel-title {
  color: #c3c3c3;
  font-size: 22px;
}

#sidebar .panel-footer {
  position: absolute;
  bottom: 0;
  width: 99%;
}

/* Hide for mobile, show later */
#sidebar {
  display: none;
}
@media (min-width: 768px) {
  #sidebar {
    display: block;
    padding: 0px;
    height: 100%;
  }
}
/*
 * End Sidebar
 */

/*
* Start navbar
*/
.navbar {
  margin-bottom: -5px;
}

.navbar-default {
  background-color: #fff;
  border-color: #fff;
}

.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th { 
  text-align: center;
}

.table>thead>tr>th {
  background-color: #585858;
  color: #fff;
  text-align: center;
}